// pages/discover/discover.js
const $api= require('../utils/api').API
Page({
  /**
   * 页面的初始数据
   */
  data: {
    color_default: '#FDC63D',
    color_monthsLike: 'black',
    color_liulan: 'black',
    /* 列表数据 */
    discoverList:[],
    baseURL:'https://j53421893f.zicp.fun',
    discoverList1: [],
    discoverList2: [],
    name: '',
    type: 0
  },
// 改变颜色
changeColor(type) {
  //console.log(type);
  let color = ['color_default', 'color_monthsLike', 'color_liulan'];
  /* 先将所有的都变黑 */
  this.setData({
    color_default: 'black',
    color_monthsLike: 'black',
    color_liulan: 'black'
  })
  /* 再将所点击的那个变成想要的颜色 */
  this.setData({
    [type] : '#FDC63D'
  })
},
// 刷新民俗列表
relreshList(type,name){
    this.data.type = type
    this.data.discoverList1 = []
    this.data.discoverList2 = []
    let data = {
      "moduleId": 3    //发现页
    }
    if(this.data.name != null && this.data.name != ''){        
        data.mainTitle = this.data.name
    }
     if(type == 1){        
    }else if(type == 2){
        data.searchLove = 1
    }else if(type == 3){
        data.searchClick = 1
    }
     /* 查询种草页内容 */
     $api.selectContentList(data).then(res =>{
        if(res.data.code !== 200){
          wx.showToast({ //弹出框
            title: '查询种草列表失败！',
            icon: 'error',
            duration: 2000
          })
         }else{  
          this.setData({discoverList:res.data.rows});
          this.data.discoverList = res.data.rows; 
          // console.log(res.data);
          for(let i = 0; i <this.data.discoverList.length;i++){
              this.data.discoverList[i].src =  this.data.baseURL + this.data.discoverList[i].src
              this.data.discoverList[i].peopleSrc =  this.data.baseURL + this.data.discoverList[i].peopleSrc
              if(this.data.discoverList1.length <= this.data.discoverList2.length){
                  this.data.discoverList1.push(this.data.discoverList[i])
              }else{
                  this.data.discoverList2.push(this.data.discoverList[i])
              }
              this.setData({
                  discoverList1:this.data.discoverList1,
                  discoverList2:this.data.discoverList2
              }) 
            }
        }
      })
},
/* 改变排序方式 */
changeSortByName(name) {
//   this.changeColor(e.target.dataset.type); 
  this.relreshList(this.data.type);
},  
changeSort(e,name) {
  this.changeColor(e.target.dataset.type); 
  this.relreshList(1);
}, 
changeSortByLove(e) {
  this.changeColor(e.target.dataset.type); 
  this.relreshList(2); 
}, 
changeSortByClick(e) {
  this.changeColor(e.target.dataset.type); 
  this.relreshList(3);
},
/* 跳转页面 */
TiaozhuanDetail(e){
    console.log('1243413:',e.currentTarget.dataset.item);
    let id = e.currentTarget.dataset.item.id
    let moduleId = e.currentTarget.dataset.item.moduleId
    wx.navigateTo({
      url: '../zhongcao_detail/zhongcao_detail?id='+ encodeURIComponent(id) + "&moduleId=" + encodeURIComponent(moduleId),
    }) 
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    let data = {
      "moduleId": 3    //发现页
    }
    /* 查询种草页内容 */
    $api.selectContentList(data).then(res =>{
      if(res.data.code !== 200){
        wx.showToast({ //弹出框
          title: '查询种草列表失败！',
          icon: 'error',
          duration: 2000
        })
       }else{
        // wx.showToast({
        //   title: '查询种草列表成功！',
        //   icon: 'success',
        //   duration: 2000
        // });
        /* 保存数据 */
        console.log(res.data);
        this.setData({discoverList:res.data.rows});
        this.data.discoverList = res.data.rows; 
        // console.log(res.data);
        for(let i = 0; i <this.data.discoverList.length;i++){
            this.data.discoverList[i].src =  this.data.baseURL + this.data.discoverList[i].src
            this.data.discoverList[i].peopleSrc =  this.data.baseURL + this.data.discoverList[i].peopleSrc
            if(this.data.discoverList1.length <= this.data.discoverList2.length){
                this.data.discoverList1.push(this.data.discoverList[i])
            }else{
                this.data.discoverList2.push(this.data.discoverList[i])
            }
            this.setData({
                discoverList1:this.data.discoverList1,
                discoverList2:this.data.discoverList2
            }) 

            // let data2 = {
            //     "outerId":this.data.discoverList[i].id,
            //     "moduleId": 4,
            //     "innerId":1,
            //    }
            // let len1 = 0;                     
            // let len2 =0;
            // if(this.data.discoverList1.length <= this.data.discoverList2.length){
            //     this.data.discoverList1.push(this.data.discoverList[i])
            //     let discover = this.data.discoverList[i]
            //     $api.selectFiles(data2).then(res2 => {
            //         if(res2.data.code == 200){ 
            //          if(res2.data.rows.length>0)
            //            discover.src = this.data.baseURL+res2.data.rows[0].filePath; 
            //            this.setData({discoverList1:this.data.discoverList1})
            //         }else{   
            //         }
            //       })
            //     this.setData({discoverList1:this.data.discoverList1})
            // }else{
            //     this.data.discoverList2.push(this.data.discoverList[i])
            //     this.setData({discoverList2:this.data.discoverList2})   
            //     let discover = this.data.discoverList[i]             
            //     $api.selectFiles(data2).then(res2 => {
            //         if(res2.data.code == 200){ 
            //         if(res2.data.rows.length>0)
            //         discover.src = this.data.baseURL+res2.data.rows[0].filePath; 
            //         this.setData({discoverList2:this.data.discoverList2})
            //         }else{       
            //         }
            //     })
            // }
          }
        //   this.discoverList1.length
        this.setData({discoverList:this.data.discoverList})
      }
    })
    /* 查询种草页图片 */
    let data1 = {
      "moduleId": 4,
      "innerId":1
    }
    $api.selectFiles(data1).then(res => {
      if(res.data.code !== 200){
       wx.showToast({ //弹出框
         title: '查询种草图片失败！',
         icon: 'error',
         duration: 2000
       })
      }else{
    //    wx.showToast({
    //      title: '查询种草图片成功！',
    //      icon: 'success',
    //      duration: 2000
    //    });
       /* 在每个列表对象中添加src属性，进行渲染 */
       console.log(res.data);
       for(let i = 0; i < res.data.rows.length;i++){
        /* this.data.travelList */
        // this.data.discoverList[i].src = this.data.baseURL+res.data.rows[i].filePath;
      };
      /* 渲染 */
      this.setData({discoverList:this.data.discoverList})
      }
    })
    },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
  }
})